<template>
    <div class="container">
        <!-- 导航菜单栏 -->
        <nav-bar></nav-bar>
        <!-- 头部区域 -->
        <head-bar></head-bar>
        <!-- 主内容区域 -->
        <main-content></main-content>
    </div>
</template>

<script>
import HeadBar from "./HeadBar"
import NavBar from "./NavBar"
import MainContent from "./MainContent"
	export default {
        components:{
            HeadBar,
            NavBar,
            MainContent
        },
	    data() {
	      return {
	       
	      };
	    },
	    methods: {
	      
	    }
	  }
</script>


<style>
    .container {
        position:absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: rgba(224, 234, 235, 0.1);
    }

</style>